<template>
  <div id="backArticlePage">
    <el-tabs tab-position="top" type="card">
      <el-tab-pane label="文章管理">
        <ArticleList></ArticleList>
      </el-tab-pane>
      <el-tab-pane label="文章类型管理">
        <ArticleTypeList></ArticleTypeList>
      </el-tab-pane>
      <el-tab-pane label="文章上传">
        <ArticleUpload></ArticleUpload>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ArticleTypeList from '@/components/back/article/ArticleTypeList.vue'
import ArticleList from '@/components/back/article/ArticleList.vue'
import ArticleUpload from '@/components/back/article/ArticleUpload.vue'
export default {
  components: {
    ArticleList, ArticleTypeList, ArticleUpload
  }
}
</script>

<style scoped="scope" scope>
/deep/.el-tabs__item.is-active {
  color: rgb(255, 150, 50);
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: rgba(255, 149, 50, 0.5);
}

/deep/.el-tabs__item {
  color: #fff;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__item {
  border-left-color: #363a3d;
}

/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: #363a3d 1px solid;
}

/deep/.el-tabs--card>.el-tabs__header {
  border-color: #363a3d;
}
/deep/.el-tabs--card>.el-tabs__header {
  padding-left: 20px;
}
</style>